<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <script>
      class Person {
        /* 人有两条腿 与具体的实例无关 定义为静态成员 */
        // 访问的时候通过类名进行访问 Person.legs
        static legs = 2;

        /* 对人这一物种的描述 与具体的实例无关 定义为静态成员 */
        // 访问的时候通过类名进行访问 Person.getInfo()
        static getInfo() {
          console.log("人是一种两足无毛灵长类生物");
        }

        constructor(name, age) {
          /* 实例属性 */
          this.name = name;
          this.age = age;
        }

        /* 实例方法 */
        think() {
          console.log(`${this.name}正在思考人生`);
        }
      }

      const p = new Person("张三丰", 60);
      p.think();
      console.log(p);

      // console.log("人有几条腿：", Person.legs);
      // Person.getInfo()
    </script>
  </body>
</html>
